<template>
  <div class="recup">
    <!-- <router-link to="/recupDetails"> -->
    <li @click="fun(idd)">
      <img :src="imgurl" alt="" />
      <i>{{ titletext }}</i>
    </li>
    <!-- </router-link> -->
  </div>
</template>

<script>
export default {
  props: ["titletext", "imgurl","arr","idd"],
  data(){
    return{
   
    }
  },
  components: {},
  created(){
  
  },
  methods:{
    fun(idd){
      console.log(idd);
      this.$router.push({name:"RecupDetails",query:{xiaom:idd}})
    }
  }
};
</script>

<style scoped>
li {
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0.02rem;
}
li img {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.2rem;
}
</style>